<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/font-awesome.css"/>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.0/css/all.css" integrity="sha384-aOkxzJ5uQz7WBObEZcHvV5JvRW3TUc2rNPA7pe3AwnsUohiw1Vj2Rgx2KSOkF5+h" crossorigin="anonymous">
    <link rel="stylesheet" href="css/style.css"/>
    <title></title>
</head>
<body>
<div class="left">
    <header class="clearfix">
        <div class="user"><img src="images/user.jpg" alt=""/></div>
        <span class="we">欢迎你 ,</span>
        <div class="book"><a href="#">Cherry</a></div>
        <span class="teacher">老师</span>
    </header>
    <ul class="navlist">
        <li>
            <h2><a href="index.html"><i class="fas fa-home"></i>首页</a></h2>

        </li>
        <li>
            <h2><a href="list-class.html"><i class="fa fa-bookmark" aria-hidden="true"></i>图书类别管理</a><a href=""><i class="fa fa-angle-down" aria-hidden="true"></i></a></h2>
            <ul class="sublist">
                <li><a href="list-class.html" >图书类别列表</a></li>
                <li><a href="add-class.html">添加图书类别</a></li>
            </ul>
        </li>
        <li class="active">
            <h2><a href="list-book.html"><i class="fa fa-book" aria-hidden="true"></i>图书信息管理</a><a href=""><i class="fa fa-angle-down" aria-hidden="true"></i></a></h2>
            <ul class="sublist">
                <li class="active"><a href="list-book.html">图书信息列表</a></li>
                <li><a href="add-book.html">添加图书信息</a></li>
                <li><a href="list-recomd.html">推荐图书信息</a></li>
            </ul>
        </li>
        <li>
            <h2><a href="list-user.html"><i class="fa fa-user" aria-hidden="true"></i>用户信息管理</a><a href=""><i class="fa fa-angle-down" aria-hidden="true"></i></a></h2>
            <ul class="sublist">
                <li><a href="list-user.html">所有用户列表</a></li>
                <li><a href="list-admin.html">管理员列表</a></li>
                <li><a href="list-admin.html">添加管理员</a></li>
            </ul>
        </li>
        <li>
            <h2><a href="list-order.html"><i class="fa fa-list-alt" aria-hidden="true"></i>订单管理</a><a href=""><i class="fa fa-angle-down" aria-hidden="true"></i></a></h2>
            <ul class="sublist">
                <li><a href="list-order.html">待处理订单列表</a></li>
                <li><a href="list-finishedorder.html">已完成订单列表</a></li>
            </ul>
        </li>
        <li>
            <h2><a href="chart-trend.html"><i class="fas fa-chart-pie"></i>统计分析</a><a href=""><i class="fa fa-angle-down" aria-hidden="true"></i></a></h2>
            <ul class="sublist">
                <li><a href="chart-trend.html">销售走势分析</a></li>
                <li><a href="chart-class.html">分类统计</a></li>
            </ul>
        </li>
    </ul>

    <footer>
        <ul class="footerlist">
            <li><a href="#"><i class="fa fa-cog" aria-hidden="true"></i></a></li>
            <li><a href="#"><i class="fa fa-arrows-alt" aria-hidden="true"></i></a></li>
            <li><a href="#"><i class="fa fa-eye-slash" aria-hidden="true"></i></a></li>
            <li><a href="#"><i class="fa fa-power-off" aria-hidden="true"></i></a></li>
        </ul>
    </footer>
</div>
<div class="main">
    <header>
        <span class="left"><i class="fa fa-bars" aria-hidden="true"></i></span>
        <div class="right">
            <span class="envelop">
                <a href="#"><i class="far fa-envelope"></i></a>
            </span>
            <span class="chrs">6</span>
            <div class="user">
                <img src="images/user.jpg" alt="">
                <span class="name"><a href="#">Cherry</a><i class="fa fa-angle-down" aria-hidden="true"></i></span>

            </div>
        </div>

    </header>
    <section class="maincontent">
        <div class="list border">
            <div class="tittle">
                <h2>图书分类列表</h2>
            </div>
            <table class="table">
                <thead>
                <tr>
                    <th style="margin-left: 5px">
                        <div class="formcontrol">
                            <label class="check">
                                <input type="checkbox">
                                <span class="unchecked"><i class="far fa-square"></i></span>
                                <span class="checked"><i class="fas fa-check-square"></i></span>
                            </label>
                        </div>
                    </th>
                    <th>图书编号</th>
                    <th>图书封面</th>
                    <th>图书名称</th>
                    <th>图书价格</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <div class="formcontrol">
                            <label class="check">
                                <input type="checkbox">
                                <span class="unchecked"><i class="far fa-square"></i></span>
                                <span class="checked"><i class="fas fa-check-square"></i></span>
                            </label>
                        </div>
                    </td>
                    <td>1</td>
                    <td><div class="book"><img src="images/book.png" alt=""></div></td>
                    <td>哈利波特</td>
                    <td>￥30.00</td>
                    <td><span class="edit"><i class="fa fa-eye" aria-hidden="true"></i></span><span><i class="fa fa-pencil-square-o" aria-hidden="true"></i></span><span><i class="fa fa-trash" aria-hidden="true"></i></span></td>
                </tr>
                <tr>
                    <td>
                        <div class="formcontrol">
                            <label class="check">
                                <input type="checkbox">
                                <span class="unchecked"><i class="far fa-square"></i></span>
                                <span class="checked"><i class="fas fa-check-square"></i></span>
                            </label>
                        </div>
                    </td>
                    <td>1</td>
                    <td><div class="book"><img src="images/book.png" alt=""></div></td>
                    <td>哈利波特</td>
                    <td>￥30.00</td>
                    <td><span class="edit"><i class="fa fa-eye" aria-hidden="true"></i></span><span><i class="fa fa-pencil-square-o" aria-hidden="true"></i></span><span><i class="fa fa-trash" aria-hidden="true"></i></span></td>
                </tr>
                <tr>
                    <td>
                        <div class="formcontrol">
                            <label class="check">
                                <input type="checkbox">
                                <span class="unchecked"><i class="far fa-square"></i></span>
                                <span class="checked"><i class="fas fa-check-square"></i></span>
                            </label>
                        </div>
                    </td>
                    <td>1</td>
                    <td><div class="book"><img src="images/book.png" alt=""></div></td>
                    <td>哈利波特</td>
                    <td>￥30.00</td>
                    <td><span class="edit"><i class="fa fa-eye" aria-hidden="true"></i></span><span><i class="fa fa-pencil-square-o" aria-hidden="true"></i></span><span><i class="fa fa-trash" aria-hidden="true"></i></span></td>
                </tr>
                <tr>
                    <td>
                        <div class="formcontrol">
                            <label class="check">
                                <input type="checkbox">
                                <span class="unchecked"><i class="far fa-square"></i></span>
                                <span class="checked"><i class="fas fa-check-square"></i></span>
                            </label>
                        </div>
                    </td>
                    <td>1</td>
                    <td><div class="book"><img src="images/book.png" alt=""></div></td>
                    <td>哈利波特</td>
                    <td>￥30.00</td>
                    <td><span class="edit"><i class="fa fa-eye" aria-hidden="true"></i></span><span><i class="fa fa-pencil-square-o" aria-hidden="true"></i></span><span><i class="fa fa-trash" aria-hidden="true"></i></span></td>
                </tr>
                <tr>
                    <td>
                        <div class="formcontrol">
                            <label class="check">
                                <input type="checkbox">
                                <span class="unchecked"><i class="far fa-square"></i></span>
                                <span class="checked"><i class="fas fa-check-square"></i></span>
                            </label>
                        </div>
                    </td>
                    <td>1</td>
                    <td><div class="book"><img src="images/book.png" alt=""></div></td>
                    <td>哈利波特</td>
                    <td>￥30.00</td>
                    <td><span class="edit"><i class="fa fa-eye" aria-hidden="true"></i></span><span><i class="fa fa-pencil-square-o" aria-hidden="true"></i></span><span><i class="fa fa-trash" aria-hidden="true"></i></span></td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <td colspan="3" class="sele">
                        <select name="list_select">
                            <option value="book">请选择操作</option>
                            <option value="book">哈利波特</option>
                            <option value="book">哈利波特</option>
                        </select>
                    </td>
                    <td colspan="3" class="index">
                        <span><a href="#"><i class="fa fa-angle-double-left" aria-hidden="true"></i></a></span>
                        <span><a href="">< </a></span>
                        <span><a href="">1 </a></span>
                        <span><a href="">2  </a></span>
                        <span><a href="">... </a></span>
                        <span> <a href="">20 </a></span>
                        <span> <a href="">> </a></span>
                        <span><a href=""><i class="fa fa-angle-double-right" aria-hidden="true"></i></a></span>
                    </td>
                </tr>
                </tfoot>
            </table>
        </div>
    </section>
    <footer><span>©Cherry</span></footer>
</div>
</body>
</html>